<div class="query-wrapper">
  <div class="form-inline" #myQuery="ngForm" ngForm>
    <app-time-type [begindate]="begindate" [enddate]="enddate" (emitDate)="getDate($event)" ></app-time-type>
    <div class="form-group">
      <button class="btn btn-primary btn-sm" ><i class="fa fa-search" aria-hidden="true"></i>&nbsp;&nbsp;查询</button>
    </div>
  </div>
</div>
<div class="container table-striped-wrapper">
  <div class="row table-title">
    <div class="col-sm-4">
      用户：{{deviceInfo.name}}
    </div>
    <div class="col-sm-2">
      合计：{{total}}kWh
    </div>
    <div class="col-sm-4">
    </div>
    <div class="col-sm-2">
        <button class="btn btn-primary btn-sm"><i class="fa fa-external-link" aria-hidden="true"></i>&nbsp;&nbsp;导出Excel</button>
    </div>
  </div>
  <div class="row">
    <div class="col-sm-12">
      <table class="table table-bordered">
        <thead>
          <tr>
            <th *ngFor="let th of ths">{{th}}</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td rowspan="5">测试</td>
            <td rowspan="5">测试</td>
            <td rowspan="5">测试</td>
            <td>总</td>
            <td>288</td>
            <td>289</td>
            <td>100</td>
            <td>2012012</td>
          </tr>
          <tr>
            <td>总</td>
            <td>288</td>
            <td>289</td>
            <td>100</td>
            <td>2012012</td>
          </tr>
          <tr>
            <td>总</td>
            <td>288</td>
            <td>289</td>
            <td>100</td>
            <td>2012012</td>
          </tr>
          <tr>
            <td>总</td>
            <td>288</td>
            <td>289</td>
            <td>100</td>
            <td>2012012</td>
          </tr>
          <tr>
            <td>总</td>
            <td>288</td>
            <td>289</td>
            <td>100</td>
            <td>2012012</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>